<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>通话记录查询</title>
    <link rel="stylesheet" type="text/css" href="css/pagination.css" /><!-- 分页控件样式 -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/Callrecord.css"><!-- 通话记录查询样式 -->
    <link rel="stylesheet" type="text/css" href="css/music.css" />
    <link rel="stylesheet" type="text/css" href="blue/doubleDate.css">

    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <script src="js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>
<!--通话详情——可修改-->
<div class="Calldetails Canmodify">
    <div>
        <p>通话记录详情</p>
        <div>
            <div>
                <table>
                    <thead>
                    <tr>
                        <th>通话流水号</th>
                        <th>通话时间</th>
                        <th>通话号码</th>
                        <th>通话时长</th>
                        <th>分类</th>
                        <th>诉求分类</th>
                        <th>业务板块</th>
                        <th>业务分类</th>
                        <th>客户姓名</th>
                        <th>客服工号</th>
                        <th>客服班组</th>
                    </tr>
                    </thead>
                    <tbody class="on_table">
                    <tr>
                        <td>2016040801</td>
                        <td>2016/04/08 09:00</td>
                        <td>13656322320</td>
                        <td>00:20:39</td>
                        <td>呼入</td>
                        <td>回访</td>
                        <td>保险</td>
                        <td>服务</td>
                        <td>周周</td>
                        <td>客服001</td>
                        <td>客服班组01</td>
                    </tr>
                    <tr>
                        <td colspan="11" class="on_table">
                            <ul>
                                <li>录音: <span class="horn_icon"></span></li>
                                <li>时长: <span>00:03:59</span></li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="11" class="on_table">
                            <p>录音：<span>周周先生打电话投诉融资客服态度不太好。</span></p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="close_btn close_btn_tow">
            <input class="Canmodify_modify Conversation_Determine" type="button" value="修改"><input class="btn_close Canmodify_close" type="button" value="关闭">
        </div>
    </div>
</div>
<!--音频播放-->
<div class="music_bck">
    <div class="music_room">
        <h4>
            <div><span>客服001</span>与<span>周先生</span>的电话记录</div>
            <img class="audio_close" src="images/矩形-18.png" />
        </h4>
        <div class="music_room_bo">
            <audio>
                <source title="#" src="music/方大同 - 悟空.mp3" />
            </audio>
            <div class="music_time">
                <h2>00:00:00</h2>
            </div>
            <div class="music_room_conten">
                <span class="passed_time">00:00:00</span>
                <div class="base">
                    <div class="base_bar">
                        <span class="progress_bar"></span>
                        <span class="slider"></span>
                    </div>
                </div>
                <span class="total_time">00:00:00</span>
                <!-- <div class="volume_control">
                      <img class="decrease" src="images/Sound_801px_1183378_easyicon.png" />
                      <div class="base_bar">

                           <span class="slider"></span>
                      </div>
                 </div>-->
            </div>
            <div class="music_room_foot">
                <div class="btn_f">
                    <img class="btn_fast" src="images/圆角矩形-71-.png" />
                    <img class="btn_play" src="images/Play_626px_1183566_easyicon.png" />
                    <img class="btn_next" src="images/圆角矩形-7.png" />
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/doubleDate2.0.js"></script> <!--Date控件-->
<script type="text/javascript" src="js/jquery.pagination.js"></script><!-- 分页控件 -->
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/Callrecord.js"></script>
<script type="text/javascript" src="js/music.js"></script>
<script>
    $(function() {
        $(".Conversation_Determine").click(function(){//修改
            parent.testFunc();
        })
    });
</script>

</body>
</html>